<template>
  <div class="basicInfoBox" >
    <div >
      <el-form :inline="true" label-width="70px" style="width:1200px;">
      <el-row>
        <el-col :span="6">
          <el-form-item label="条码号">
            <el-input v-model="baseRuleForm.barcodeCode" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="实验编号">
            <el-input v-model="baseRuleForm.experimentNumber" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="平台类型">
            <el-input v-model="baseRuleForm.platformTypeName" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6"></el-col>
        <el-col :span="6">
          <el-form-item label="核酸类型">
            <el-input v-model="baseRuleForm.nucleicAcidName" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="状态">
            <el-input v-model="mainStateObj[baseRuleForm.mainState]" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="专业组">
            <el-input v-model="baseRuleForm.professionalGroupName" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6"></el-col>
        <el-col :span="6">
          <el-form-item label="项目类型">
            <el-input v-model="baseRuleForm.projectTypeName" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="样本类型">
            <el-input v-model="baseRuleForm.sampleTypeName" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="送检单位">
            <el-input v-model="baseRuleForm.inspectionUnit" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6"></el-col>
        <el-col :span="6">
          <el-form-item label="送检姓名">
            <el-input v-model="baseRuleForm.submitName" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="性别">
            <el-input v-model="sexObj[baseRuleForm.sex]" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="年龄">
            <el-input v-model="baseRuleForm.age" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6"></el-col>
        <el-col :span="6">
          <el-form-item label="手机号码">
            <el-input v-model="baseRuleForm.phone" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="合作单位">
            <el-input v-model="baseRuleForm.cooperation" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="采样日期">
            <el-input v-model="baseRuleForm.collectorTime" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6"></el-col>
        <el-col :span="6">
          <el-form-item label="申请日期">
            <el-input v-model="baseRuleForm.applyDate" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="录单人">
            <el-input v-model="baseRuleForm.recordName" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="录单日期">
            <el-input v-model="baseRuleForm.recordTime" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6"></el-col>
        <!-- <el-col :span="6"></el-col>
        <el-col :span="6"></el-col> -->
        <el-col :span="16">
          <el-form-item label="备注">
            <el-input v-model="baseRuleForm.remark" disabled type="textarea" style="width:450px"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    </div>
    
    <el-menu
      class="el-menu-vertical-demo"
      @open="handleOpen"
      @close="handleClose"
      :default-openeds="['1']"
    >
      <el-submenu index="1">
        <template slot="title">
          <span>样本信息</span>
        </template>
        <el-form :inline="true" style="width:1200px" label-width="70px">
          <el-row>
            <el-col :span="6">
              <el-form-item label="白细胞">
                <el-input v-model="baseRuleForm.whiteBloodCells"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="中性粒">
                <el-input v-model="baseRuleForm.neutralGrain"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="淋巴细胞" >
                <el-input v-model="baseRuleForm.lymphocyte"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6"></el-col>
            <el-col :span="6">
              <el-form-item label="CRP"  >
                <el-input v-model="baseRuleForm.crp"  ></el-input>
              </el-form-item>
            </el-col>

            <el-col :span="6">
              <el-form-item label="PCT">
                <el-input v-model="baseRuleForm.pct" ></el-input>
              </el-form-item>
            </el-col>

            <el-col :span="6">
              <el-form-item label="前端备注" >
                <el-input v-model="baseRuleForm.frontendNote"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6"></el-col>
            <el-col :span="6">
              <el-form-item label="提取浓度">
                <el-input v-model="baseRuleForm.extractionConcentration"></el-input>
              </el-form-item>
            </el-col>

            <el-col :span="6">
              <el-form-item label="宿主率" >
                <el-input v-model="baseRuleForm.rateOfHost" ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="主诉" >
                <el-input v-model="baseRuleForm.principalComplaint"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6"></el-col>
            <el-col :span="6">
              <el-form-item label="临床诊断">
                <el-input v-model="baseRuleForm.clinicalDiagnosis"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="用药">
                <el-input v-model="baseRuleForm.medication"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="重点病原"  >
                <el-input v-model="baseRuleForm.focusOnPathogen" ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6"></el-col>
            <el-col :span="6">
              <el-form-item label="鉴定结果" >
                <el-input v-model="baseRuleForm.cultureIdentificationResults"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="发病时长">
                <el-input v-model="baseRuleForm.onsetTime"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-submenu>
    </el-menu>
  </div>
</template>

<script>
// import {getBasicInfo} from '@/api/reportReadManage/index.js'
export default {
  props:{
    // registerId:{
    //   type: Number,
    //   default: 0
    // }
    detailSon:{
      type:Object
    }
  },
  data() {
    return {
      baseRuleForm: {},
      mainStateObj: {
        1: "已录入",
        2: "已登记",
        3: "已入库",
        4: "已提取",
        5: "已建库",
        6: "已测序",
        7: "已分析",
        8: "已初审",
        9: "已确认初审",
        10: "已复审",
        11: "已提交",
        12: "已上传",
        13: "不上传"
      },
      sexObj:{
        1:'男',
        2:'女',
        3:'不限制'
      }
    };
  },
  methods:{
    getBasicInfo(){
      // getBasicInfo(this.registerId).then(res=>{
      //   this.baseRuleForm=res.data
      // })
      // this.$set(this.baseRuleForm,this.detailSon)
      // this.baseRuleForm=this.detailSon
      // console.log(this.baseRuleForm,'111')
    }
  },
  created(){
    
  }
  
};
</script>

<style scoped lang="scss">
.basicInfoBox {
  max-height: 680px;
  padding: 15px;
  // overflow-x: scroll;
  .el-row {
  display: flex;
  flex-wrap: wrap;
}

    .el-form-item {
      margin-bottom: 10px;
    }
  
.el-input{
  width: 150px;
}
}

</style>